<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>九功体育</title>
    <link href="css/swiper.css" rel="stylesheet" />
    <link href="css/index.css" rel="stylesheet"/>
</head>

<body>
<div class="wrap">
    <div class="wrap-title">
        <div class="center">
            <ul>
                <li>欢迎来到九功体育网</li>
                <li><a href="javascript:void(0)">登录</a></li>
                <li>|</li>
                <li><a href="javascript:void(0)">注册</a></li>
            </ul>
            <ul class="wrap-language">
                <li>未登录</li>
                <li><a href="javascript:void(0)">中文</a></li>
                <li>|</li>
                <li><a href="javascript:void(0)">English</a></li>
            </ul>
        </div>
    </div>
    <!-- 导航 开始 -->
    <div class="wrap-header center">
        <p></p>
        <ul>
            <li><a href="javascript:void(0)">首页</a></li>
            <li class="wrap-nav-ck">
                <a href="javascript:void(0)">赛事活动</a>
                <div class="wrap-nav">
                    <div class="nav-contain">
                        <ul class="nav-ul">
                            <li><a href="#">田径精英</a></li>
                            <li><a href="#">美丽乡村</a></li>
                            <li><a href="#">校友足球</a></li>
                            <li><a href="#">校园马拉松</a></li>
                            <li><a href="#">企业活动</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li><a href="javascript:void(0)">我要报名</a></li>
            <li><a href="javascript:void(0)">精彩集锦</a></li>
            <li><a href="javascript:void(0)">赞助招商</a></li>
            <li><a href="javascript:void(0)">加入我们</a></li>
            <li><a href="javascript:void(0)">关于我们</a></li>
        </ul>
    </div>
    <!-- 轮播代码 开始 -->
    <div id="playBox">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image:url(images/banner.png)"></div>
                <div class="swiper-slide" style="background-image:url(images/banner.png)"></div>
            </div>
            <div class="pagination"></div>
        </div>
        <!-- 表单输入框 开始 -->
        <div class="wrap-box">
            <div class="wrap-form">
                <div class="wrap-formlogin clear">
                    <p class="sel" data-type="reg">注册</p>
                    <p data-type="login">登录</p>
                </div>

                <div class="wrap-formzc">免费注册</div>

                <form class="index-form">
                    <label class="username">用户名 <span>* 请输入用户名</span></label>
                    <div class="wrap-input username"><input name="username" class="cleario" type="text" placeholder="请输入数字字母或英文"/></div>
                    <label>邮箱/手机号 <span>* 请输入正确的邮箱或手机号</span></label>
                    <div class="wrap-input phonemail"><input name="phonemail" class="ipt-one" type="text" placeholder="请输入常用的邮箱或手机号"/></div>
                    <label>密码 <span>* 请输入6-16位的密码</span></label>
                    <div class="wrap-input password"><input name="password" class="ipt-one" type="password" placeholder="6-16位字符"/></div>

                    <input name="type" type="hidden" value="reg" />
                </form>
                <div class="wrap-formlizc">立即注册</div>
            </div>
        </div>
    </div>
    <!-- 表单输入框 开始 -->
    <!-- 内容部分 开始 -->
    <div style="width: 100%; height: 60px"></div>

    <div class="wrap-formcontent center">
        <div class="wrap-formcontent-lefta">
            <p><span>24</span>09月</p>
            <div class="wrap-formcontent-left">
                <div class="wrap-formcontent-line"></div>
            </div>
        </div>
        <div class="wrap-formcontent-right">
            <div class="wrap-formcontent-rightv">
                <a class="title" href="#"><div class="pd">耐克高校精英邀请撒决赛</div></a>
                <i class="countdown start" data-remain-seconds="4560">倒计时：00 天 00 时 00 分 00 秒</i>
                <div><img src="images/jg-1.png" alt=""/></div>
                <p class="pd">汇集全国北大、清华、复旦、同济、浙大、华科等20所985顶尖高校的跑步爱好者，经过层层选拨，将来到浙江进行接力赛
                    决赛角逐，又到女神女神学霸精英秀了……</p>
                <a href="#" class="detail clear pd">查看活动详情</a>
                <div class="wrap-formcontent-share pd">
                    <i class="iconfont">&#xe603;</i>
                    <i class="iconfont">&#xe600;</i>
                    <i class="iconfont">&#xe601;</i>
                    <i class="iconfont">&#xe602;</i>
                </div>
            </div>
            <div class="wrap-formcontent-rightx">
                <a href="#"><span class="start">点击<br/>进入报名</span></a>
            </div>
        </div>
    </div>

    <div class="wrap-formcontent center">
        <div class="wrap-formcontent-lefta">
            <p><span>24</span>09月</p>
            <div class="wrap-formcontent-left">
                <div class="wrap-formcontent-line"></div>
            </div>
        </div>
        <div class="wrap-formcontent-right">
            <div class="wrap-formcontent-rightv">
                <a class="title" href="#"><div class="pd">耐克高校精英邀请撒决赛</div></a>
                <i class="countdown end">倒计时：00 天 00 时 00 分 00 秒</i>
                <div><img src="images/jg-2.png" alt=""/></div>
                <p class="pd">汇集全国北大、清华、复旦、同济、浙大、华科等20所985顶尖高校的跑步爱好者，经过层层选拨，将来到浙江进行接力赛
                    决赛角逐，又到女神女神学霸精英秀了……</p>
                <a href="#" class="detail clear pd">查看活动详情</a>
                <div class="wrap-formcontent-share pd">
                    <i class="iconfont">&#xe603;</i>
                    <i class="iconfont">&#xe600;</i>
                    <i class="iconfont">&#xe601;</i>
                    <i class="iconfont">&#xe602;</i>
                </div>
            </div>
            <div class="wrap-formcontent-rightx">
                <span class="end">已结束</span>
            </div>
        </div>
    </div>

    <div class="wrap-formcontent center">
        <div class="wrap-formcontent-lefta">
            <p><span>24</span>09月</p>
            <div class="wrap-formcontent-left">
                <div class="wrap-formcontent-line"></div>
            </div>
        </div>
        <div class="wrap-formcontent-right">
            <div class="wrap-formcontent-rightv">
                <a class="title" href="#"><div class="pd">耐克高校精英邀请撒决赛</div></a>
                <i class="countdown end">倒计时：00 天 00 时 00 分 00 秒</i>
                <div><img src="images/jg-3.png" alt=""/></div>
                <p class="pd">汇集全国北大、清华、复旦、同济、浙大、华科等20所985顶尖高校的跑步爱好者，经过层层选拨，将来到浙江进行接力赛
                    决赛角逐，又到女神女神学霸精英秀了……</p>
                <a href="#" class="detail clear pd">查看活动详情</a>
                <div class="wrap-formcontent-share pd">
                    <i class="iconfont">&#xe603;</i>
                    <i class="iconfont">&#xe600;</i>
                    <i class="iconfont">&#xe601;</i>
                    <i class="iconfont">&#xe602;</i>
                </div>
            </div>
            <div class="wrap-formcontent-rightx">
                <span>暂未<br/>开始报名</span>
            </div>
        </div>
    </div>

    <div class="wrap-formcontent center">
        <div class="wrap-formcontent-lefta">
            <p><span>24</span>09月</p>
            <div class="wrap-formcontent-left">
                <div class="wrap-formcontent-line"></div>
            </div>
        </div>
        <div class="wrap-formcontent-right">
            <div class="wrap-formcontent-rightv">
                <a class="title" href="#"><div class="pd">耐克高校精英邀请撒决赛</div></a>
                <i class="countdown end">倒计时：00 天 00 时 00 分 00 秒</i>
                <div><img src="images/jg-3.png" alt=""/></div>
                <p class="pd">汇集全国北大、清华、复旦、同济、浙大、华科等20所985顶尖高校的跑步爱好者，经过层层选拨，将来到浙江进行接力赛
                    决赛角逐，又到女神女神学霸精英秀了……</p>
                <a href="#" class="detail clear pd">查看活动详情</a>
                <div class="wrap-formcontent-share pd">
                    <i class="iconfont">&#xe603;</i>
                    <i class="iconfont">&#xe600;</i>
                    <i class="iconfont">&#xe601;</i>
                    <i class="iconfont">&#xe602;</i>
                </div>
            </div>
            <div class="wrap-formcontent-rightx">
                <span class="end">已结束</span>
            </div>
        </div>
    </div>


    <!-- 分页 开始 -->
    <div class="wrap-pagelist">
        <ul>
            <li><a href="#">上一页</a></li>
            <li><a href="#">首页</a></li>
            <li>第</li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">....</a></li>
            <li><a href="#">尾页</a></li>
            <li><a href="#">最后一页</a></li>
        </ul>
    </div>
    <!-- 联系方式 开始 -->
    <div class="wrap-phone clear">
        <div class="center">
            <div class="wrap-phone-left">
                <span>联系方式：</span>

                <p>九功体育文化有限公司<br>
                    联系人：陈先生 手机号：18357140396 <br>
                    联系电话：0571-87352606 传真：0571-87352606 <br>
                    地址：杭州市西湖区文三西路锋尚苑 邮编：310027<br>
                    企业官网：http://jiugongtiyu.com/</p>
            </div>

            <div class="wrap-phone-righta">
                <div>九功体育官方App下载</div>
                <a class="wrap-phone-rightd"></a><br>
                <a class="wrap-phone-rightf"></a>
            </div>
            <div class="wrap-phone-righta">
                <div>九功体育公众号</div>
                <div class="wrap-phone-right"></div>
            </div>
            <div class="wrap-phone-righta">
                <div>九功体育官方微博</div>
                <div class="wrap-phone-rightc"></div>
            </div>
        </div>
    </div>
    <!-- footer 开始 -->
    <div class="wrap-footer">
        <i></i>
        <ul class="clear">
            <li><a href="#">关于我们</a></li>
            <li>|</li>
            <li><a href="#">法律法规</a></li>
            <li>|</li>
            <li><a href="#">财政攻略</a></li>
            <li>|</li>
            <li><a href="#">服务专区</a></li>
            <li>|</li>
            <li><a href="#">友情链接</a></li>
        </ul>
        <p>备案号：浙ICP备11042752号-4 &nbsp;&nbsp; 浙ICP证140393号 &nbsp;&nbsp; 服务监督电话:18888833592 &nbsp;&nbsp; 商务合作:18888833593</p>
    </div>
</div>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/common.js"></script>

</body>
</html>
